$(document).ready(function(){  
	function showError(str,delay){	
		  if(delay){
			  $('#alertMessage').removeClass('success info warning').addClass('error').html(str).stop(true,true).show().animate({ opacity: 1,right: '10'}, 500,function(){
					  $(this).delay(delay).animate({ opacity: 0,right: '-20'}, 500,function(){ $(this).hide(); });																														   																											
				});
			  return false;
		  }
			  	$('#alertMessage').addClass('error').html(str).stop(true,true).show().animate({ opacity: 1,right: '10'}, 500);	
	  }
	  function showSuccess(str,delay){
		  if(delay){
			  $('#alertMessage').removeClass('error info warning').addClass('success').html(str).stop(true,true).show().animate({ opacity: 1,right: '10'}, 500,function(){
					  $(this).delay(delay).animate({ opacity: 0,right: '-20'}, 500,function(){ $(this).hide(); });																														   																											
				});
			  return false;
		  }
			  $('#alertMessage').addClass('success').html(str).stop(true,true).show().animate({ opacity: 1,right: '10'}, 500);	
	  }
	
	
	// tabs
	$('.tab_content').fadeOut();
	$("ul.tabs li").fadeIn(400); 
	$("ul.tabs li:first").addClass("active").fadeIn(400); 
	$(".tab_content:first").fadeIn(); 
	$("ul.tabs li").live('click',function() {
		  $("ul.tabs li").removeClass("active");						   
		  $(this).addClass("active");  
		  var activeTab = $(this).find("a").attr("href"); 
		  $('.tab_content').fadeOut();		
		  $(activeTab).delay(400).fadeIn();		
		  return false;
	});
	function ResetForm(){
		 $('form').each(function(index) {
		 var form_id=$('form:eq('+index+')').attr('id');
		 if(form_id){
		 $('#'+form_id).get(0).reset();
		 $('#'+form_id).validationEngine('hideAll');
		 var editor=$('#'+form_id).find('#editor').attr('id');
		 if(editor){
		 $('#editor').cleditor()[0].clear();
		 }
		 }
		 }); 
	 }
	$(".newEmployee").hide();
	$(".addNewEmployee").click(function(){
		$(".newEmployee").fadeToggle("slow", "linear");
		ResetForm();
	});
	$(".newUser").hide();
	$(".addNewUser").click(function(){
		$(".newUser").fadeToggle("slow", "linear");
		ResetForm();
	});
	$(".cancel").click(function(){
            $(this).parent().parent().fadeToggle("slow", "linear");
            ResetForm();		
	});
        
        $('.btnEditE').live("click", function(){
		$(this).parent().parent().find(".editName").find(".old_name").hide();
		$(this).parent().parent().find(".editName").find(".tmp_name").show();
		$(this).parent().parent().find(".editPhone").find(".old_phone").hide();
		$(this).parent().parent().find(".editPhone").find(".tmp_phone").show();
		$(this).parent().parent().children().find(".btnEditE").hide();
		$(this).parent().parent().children().find(".btnDeleteE").hide();
		$(this).parent().parent().children().find(".btnCancelE").show();
		$(this).parent().parent().children().find(".btnSaveE").show();
	});
        
	$('.btnCancelE').live("click", function(){
		$(this).parent().parent().validationEngine('hideAll')
		$(this).parent().parent().find(".editName").find(".old_name").show();
		$(this).parent().parent().find(".editName").find(".tmp_name").hide();
		$(this).parent().parent().find(".editPhone").find(".old_phone").show();
		$(this).parent().parent().find(".editPhone").find(".tmp_phone").hide();
		$(this).parent().parent().children().find(".btnCancelE").hide();
		$(this).parent().parent().children().find(".btnDeleteE").show();
		$(this).parent().parent().children().find(".btnEditE").show();
		$(this).parent().parent().children().find(".btnSaveE").hide();
	});
	
	$(".btnSaveE").live("click",function(){
		if($(this).parent().parent().validationEngine('validate'))
		{
			$(this).parent().parent().validationEngine('hideAll')
			var ob = $(this).parent().parent();
			var id = $(this).parent().parent().attr('id').substr(0,$(this).parent().parent().attr('id').length-5);
			var new_name = $(this).parent().parent().find(".editName").find(".tmp_name").val();
			var new_phone = $(this).parent().parent().find(".editPhone").find(".tmp_phone").val();
			var dataString = "id=" + id + "&name=" + new_name + "&phone=" + new_phone;
			$.ajax({
		        type: "GET",
		        url: "edit_employee",
		        data: dataString,
		        dataType: 'html',
		        success: function (data) {
		        	showSuccess('Đã chỉnh sửa thông tin nhân viên',1000);
		        	$(ob).find(".editName").find(".old_name").text(new_name).show();
		        	$(ob).find(".editName").find(".tmp_name").val(new_name).hide();
		        	$(ob).find(".editPhone").find(".old_phone").text(new_phone).show();
		        	$(ob).find(".editPhone").find(".tmp_phone").val(new_phone).hide();
		        	$(ob).children().find(".btnCancelE").hide();
		        	$(ob).children().find(".btnDeleteE").show();
		        	$(ob).children().find(".btnEditE").show();
		        	$(ob).children().find(".btnSaveE").hide();
		        }
		    })
		}
		else
		{
			$(this).parent().parent().validationEngine('validate')
		}
	});

	$(".btnDeleteE").live("click",function(){
		var id = ''; 
		var id = $(this).parent().parent().attr('id').substr(0,$(this).parent().parent().attr('id').length-5);
		dataString = "id=" + id;
		$.ajax({
	        type: "GET",
	        url: "delete_employee",
	        data: dataString,
	        dataType: 'html',
	        success: function (data) {
	        	showSuccess('Đã xóa nhân viên',1000);
	        	location.reload();
	        }
	    })
		
	});
        
        $('.btnEditU').live("click", function(){
		$(this).parent().parent().find(".editName").find(".old_name").hide();
		$(this).parent().parent().find(".editName").find(".tmp_name").show();
		$(this).parent().parent().find(".editEmail").find(".old_email").hide();
		$(this).parent().parent().find(".editEmail").find(".tmp_email").show();
		$(this).parent().parent().children().find(".btnEditU").hide();
		$(this).parent().parent().children().find(".btnDeleteU").hide();
		$(this).parent().parent().children().find(".btnCancelU").show();
		$(this).parent().parent().children().find(".btnSaveU").show();
	});
        
	$('.btnCancelU').live("click", function(){
		$(this).parent().parent().validationEngine('hideAll')
		$(this).parent().parent().find(".editName").find(".old_name").show();
		$(this).parent().parent().find(".editName").find(".tmp_name").hide();
		$(this).parent().parent().find(".editEmail").find(".old_email").show();
		$(this).parent().parent().find(".editEmail").find(".tmp_email").hide();
		$(this).parent().parent().children().find(".btnCancelU").hide();
		$(this).parent().parent().children().find(".btnDeleteU").show();
		$(this).parent().parent().children().find(".btnEditU").show();
		$(this).parent().parent().children().find(".btnSaveU").hide();
	});
	
	$(".btnSaveU").live("click",function(){
		if($(this).parent().parent().validationEngine('validate'))
		{
			$(this).parent().parent().validationEngine('hideAll')
			var ob = $(this).parent().parent();
			var id = $(this).parent().parent().attr('id').substr(0,$(this).parent().parent().attr('id').length-5);
			var new_name = $(this).parent().parent().find(".editName").find(".tmp_name").val();
			var new_email = $(this).parent().parent().find(".editEmail").find(".tmp_email").val();
			var dataString = "id=" + id + "&name=" + new_name + "&email=" + email;
			$.ajax({
		        type: "GET",
		        url: "edit_user",
		        data: dataString,
		        dataType: 'html',
		        success: function (data) {
		        	showSuccess('Đã chỉnh sửa thông tin người dùng',1000);
		        	$(ob).find(".editName").find(".old_name").text(new_name).show();
		        	$(ob).find(".editName").find(".tmp_name").val(new_name).hide();
		        	$(ob).find(".editEmail").find(".old_email").text(new_phone).show();
		        	$(ob).find(".editEmail").find(".tmp_email").val(new_phone).hide();
		        	$(ob).children().find(".btnCancelU").hide();
		        	$(ob).children().find(".btnDeleteU").show();
		        	$(ob).children().find(".btnEditU").show();
		        	$(ob).children().find(".btnSaveU").hide();
		        }
		    })
		}
		else
		{
			$(this).parent().parent().validationEngine('validate')
		}
	});

	$(".btnDeleteU").live("click",function(){
		var id = ''; 
		var id = $(this).parent().parent().attr('id').substr(0,$(this).parent().parent().attr('id').length-5);
		dataString = "id=" + id;
		$.ajax({
	        type: "GET",
	        url: "delete_user",
	        data: dataString,
	        dataType: 'html',
	        success: function (data) {
	        	showSuccess('Đã xóa người dùng',1000);
	        	location.reload();
	        }
	    })
		
	});
	
	$(".add_employee").live("click",function(){
            if($('.newEmployee').validationEngine('validate'))
		{
                        var type = $("#employee_type").val();
                        var user = $("#employee_user").val();
                        if (type == '')
			{
			$('#search_type').validationEngine('showPrompt', 'Chọn loại nhân viên!', 'pass' ,'topLeft');
			showError('Chọn loại nhân viên!',1000);
			}
                        else
			{
			if (user == '')
				{
                                $('.newEmployee').validationEngine('hideAll')
				$('#search_user').validationEngine('showPrompt', 'Chọn người dùng', 'pass','topLeft');
				showError('Chọn người dùng!',1000);
                                }
			else
				{
                                $('.newEmployee').validationEngine('hideAll')
                                var name = $("#employee_name").val();
                                var phone = $("#employee_phone").val();
                                var start = $("#dateStart").val();
                                var dataString = "name=" + name + "&phone=" + phone + "&type=" + type + "&user=" + user + "&start=" + start;
                                $.ajax({
                                type: "GET",
                                url: "add_employee",
                                data: dataString,
                                dataType: 'html',
                                success: function (data) {
                                        if (data == true){
                                                showSuccess("Thêm nhân viên thành công",1000);
                                                location.reload();
                                        }
                                        else {
                                                showError("Không thể thêm nhân viên",1000);
                                        }
                                    }
                                });
                                }
                        }
                }
		else{
			$('.newEmployee').validationEngine('validate')
		}
	});
        
        $(".add_user").live("click",function(){
            if($('.newUser').validationEngine('validate'))
		{
                    $('.newUser').validationEngine('hideAll')
                    var email = $("#user_email").val();
                    var level = $("#user_level").val();    
                    var name = $("#user_name").val();
                    var pass = $("#user_pass").val();
                    var dataString = "name=" + name + "&pass=" + pass + "&email=" + email + "&level=" + level + "&gender=null";
                    $.ajax({
                    type: "GET",
                    url: "add_user",
                    data: dataString,
                    dataType: 'html',
                    success: function (data) {
                            if (data == true){
                                    showSuccess("Thêm người dùng thành công",1000);
                                    location.reload();
                            }
                            else {
                                    showError("Không thể thêm người dùng",1000);
                            }
                        }
                    });
                }
		else{
			$('.newUser').validationEngine('validate')
		}
	});
        
        $('.attendanceDriver').live("click", function () {
        	var d = new Date();
    		var month = d.getMonth() + 1;
    		window.open("attendanceEmployee?month="+month,null,"height=600px,width=700px,status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no");
    	});
        
        $('.attendanceEmployee').live("click", function () {
    		window.open("attendanceEmployee",null,"height=600px,width=700px,status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no");
    	});
});